{% extends "base.html" %}
{% block title %}登录注册{% endblock%}
{% block css %}/static/styles/pages/login.css{% endblock%}
{% block content %}
<main class="main login-main" role="main">
    <article class="login-cont clearfix">
        <div class="login-pic-box">
            <img src="/static/images/res/nkFamily.jpg">
        </div>
        <div class="login-wrapper">
            <div class="login-box">
                <form>
                    <h2 class="login-hd">
                        {% if (msg | length) == 0%}
                            注册/登录
                        {% else %}
                            <b>{{msg}}</b>
                        {% endif %}
                    </h2>
                    <form method="post" id="regloginform">
                        <div class="form-item">
                            <input class="input-txt"  aria-label="用户名" aria-required="true" autocapitalize="off" autocorrect="off" maxlength="30" name="username" placeholder="用户名" value="" type="text" data-reactid=".0.1.0.1.0.1.0.5.0">
                        </div>
                        <div class="form-item">
                            <input class="input-txt" aria-describedby="" aria-label="密码" aria-required="true" autocapitalize="off" autocorrect="off" name="password" placeholder="密码" type="password" value="" data-reactid=".0.1.0.1.0.1.0.6.0">
                        </div>
                        <input type="hidden" name="next" value="{{next}}"/>
                        <div class="btn-wrapper">
                            <button class="btn-primary" onclick="form=document.getElementById('regloginform');form.action='/reg/';">注册</button>
                            <button class="btn-primary" onclick="form=document.getElementById('regloginform');form.action='/login/';">登录</button>
                        </div>
                    </form>
                    <p class="agreenment">
                        <span>注册即表示你同意我们的 </span>
                        <a class="agreenment-link" href="/legal/terms/" target="_blank">条款</a>
                        <span data-reactid=".0.1.0.1.0.1.0.9.2"> 和 </span>
                        <a class="agreenment-link" href="/legal/privacy/" target="_blank">隐私权政策</a>
                        <span> 。</span>
                    </p>
                </form>
            </div>
        </div>
    </article>
</main>
{% endblock%}
